.fade-in-enter {
  opacity: 0.01;
}

.fade-in-enter.fade-in-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}

.fade-in-leave {
  opacity: 1;
}

.fade-in-leave.fade-in-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}


.blink-enter{
  opacity: 1;
}
.blink-leave {
  opacity: 1;
}
.blink-enter.blink-enter-active,
.blink-appear.blink-appear-active {
  animation: blinker 1s linear;
  -webkit-animation: blinker 1s linear;
  animation-iteration-count:2;
  -webkit-animation-iteration-count:2; 
}

@keyframes blinker {  
  50% { opacity: 0.0; }
}
@-webkit-keyframes blinker {  
  50% { opacity: 0.0; }
}


.view-transition-none-enter {
  -webkit-animation: artificial 10ms;
  -o-animation: artificial 10ms;
  animation: artificial 10ms;
}
.view-transition-none-leave {
  -webkit-animation: fade 10ms;
  -o-animation: fade 10ms;
  animation: fade 10ms;
}
.view-transition-fade-enter {
  -webkit-animation: artificial 10ms;
  -o-animation: artificial 10ms;
  animation: artificial 10ms;
}
.view-transition-fade-leave {
  -webkit-animation: fade 380ms;
  -o-animation: fade 380ms;
  animation: fade 380ms;
}
.view-transition-fade-expand-enter {
  -webkit-animation: artificial 10ms;
  -o-animation: artificial 10ms;
  animation: artificial 10ms;
}
.view-transition-fade-expand-leave {
  -webkit-animation: fadeExpand 3200ms;
  -o-animation: fadeExpand 3200ms;
  animation: fadeExpand 3200ms;
}
.view-transition-fade-contract-enter {
  -webkit-animation: artificial 10ms;
  -o-animation: artificial 10ms;
  animation: artificial 10ms;
}
.view-transition-fade-contract-leave {
  -webkit-animation: fadeContract 3200ms;
  -o-animation: fadeContract 3200ms;
  animation: fadeContract 3200ms;
}
.view-transition-show-from-top-enter,
.view-transition-show-from-right-enter,
.view-transition-show-from-bottom-enter,
.view-transition-show-from-left-enter {
  pointer-events: none;
  z-index: 20;
}
.view-transition-show-from-top-leave,
.view-transition-show-from-right-leave,
.view-transition-show-from-bottom-leave,
.view-transition-show-from-left-leave {
  pointer-events: none;
  z-index: 10;
}
.view-transition-show-from-top-enter,
.view-transition-show-from-top-leave,
.view-transition-show-from-bottom-enter,
.view-transition-show-from-bottom-leave {
  -webkit-animation-duration: 380ms;
  animation-duration: 380ms;
  /*-webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);*/
  /*animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);*/
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.view-transition-show-from-left-enter,
.view-transition-show-from-left-leave,
.view-transition-show-from-right-enter,
.view-transition-show-from-right-leave {
  -webkit-animation-duration: 320ms;
  animation-duration: 320ms;
  /*-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);*/
  /*animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);*/
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; 
}
.view-transition-show-from-top-leave,
.view-transition-show-from-bottom-leave {
  -webkit-animation-name: artificial;
  animation-name: artificial;
}
.view-transition-show-from-top-enter {
  -webkit-animation-name: viewShowFromTopEnter;
  animation-name: viewShowFromTopEnter;
}
.view-transition-show-from-right-enter {
  -webkit-animation-name: viewShowFromRightEnter;
  animation-name: viewShowFromRightEnter;
}
.view-transition-show-from-bottom-enter {
  -webkit-animation-name: viewShowFromBottomEnter;
  animation-name: viewShowFromBottomEnter;
}
.view-transition-show-from-left-enter {
  -webkit-animation-name: viewShowFromLeftEnter;
  animation-name: viewShowFromLeftEnter;
}
.view-transition-show-from-left-leave {
  -webkit-animation-name: viewShowFromLeftLeave;
  animation-name: viewShowFromLeftLeave;
}
.view-transition-show-from-right-leave {
  -webkit-animation-name: viewShowFromRightLeave;
  animation-name: viewShowFromRightLeave;
}
.view-transition-reveal-from-top-enter,
.view-transition-reveal-from-right-enter,
.view-transition-reveal-from-bottom-enter,
.view-transition-reveal-from-left-enter {
  pointer-events: none;
  z-index: 10;
}
.view-transition-reveal-from-top-leave,
.view-transition-reveal-from-right-leave,
.view-transition-reveal-from-bottom-leave,
.view-transition-reveal-from-left-leave {
  pointer-events: none;
  z-index: 20;
}
.view-transition-reveal-from-top-enter,
.view-transition-reveal-from-top-leave,
.view-transition-reveal-from-bottom-enter,
.view-transition-reveal-from-bottom-leave {
  -webkit-animation-duration: 380ms;
  animation-duration: 380ms;
  -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.view-transition-reveal-from-left-enter,
.view-transition-reveal-from-left-leave,
.view-transition-reveal-from-right-enter,
.view-transition-reveal-from-right-leave {
  -webkit-animation-duration: 3200ms;
  animation-duration: 3200ms;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.view-transition-reveal-from-top-enter,
.view-transition-reveal-from-bottom-enter {
  -webkit-animation-name: artificial;
  animation-name: artificial;
}
.view-transition-reveal-from-top-leave {
  -webkit-animation-name: viewRevealFromTopLeave;
  animation-name: viewRevealFromTopLeave;
}
.view-transition-reveal-from-right-leave {
  -webkit-animation-name: viewRevealFromRightLeave;
  animation-name: viewRevealFromRightLeave;
}
.view-transition-reveal-from-bottom-leave {
  -webkit-animation-name: viewRevealFromBottomLeave;
  animation-name: viewRevealFromBottomLeave;
}
.view-transition-reveal-from-left-leave {
  -webkit-animation-name: viewRevealFromLeftLeave;
  animation-name: viewRevealFromLeftLeave;
}
.view-transition-reveal-from-left-enter {
  -webkit-animation-name: viewRevealFromLeftEnter;
  animation-name: viewRevealFromLeftEnter;
}
.view-transition-reveal-from-right-enter {
  -webkit-animation-name: viewRevealFromRightEnter;
  animation-name: viewRevealFromRightEnter;
}

@-webkit-keyframes viewShowFromLeftEnter {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes viewShowFromLeftEnter {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes viewShowFromLeftLeave {
  to {
    opacity: .75;
    -webkit-transform: translate3d(25%, 0, 0);
  }
}
@keyframes viewShowFromLeftLeave {
  to {
    opacity: .75;
    transform: translate3d(25%, 0, 0);
  }
}
@-webkit-keyframes viewShowFromRightEnter {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes viewShowFromRightEnter {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes viewShowFromRightLeave {
  to {
    opacity: .75;
    -webkit-transform: translate3d(-25%, 0, 0);
  }
}
@keyframes viewShowFromRightLeave {
  to {
    opacity: .75;
    transform: translate3d(-25%, 0, 0);
  }
}
@-webkit-keyframes viewShowFromTopEnter {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes viewShowFromTopEnter {
  from {
    transform: translate3d(0, -100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes viewShowFromBottomEnter {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes viewShowFromBottomEnter {
  from {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes viewRevealFromLeftLeave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
  }
}
@keyframes viewRevealFromLeftLeave {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes viewRevealFromLeftEnter {
  from {
    opacity: .75;
    -webkit-transform: translate3d(25%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes viewRevealFromLeftEnter {
  from {
    opacity: .75;
    transform: translate3d(25%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes viewRevealFromRightLeave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
  }
}
@keyframes viewRevealFromRightLeave {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes viewRevealFromRightEnter {
  from {
    opacity: .75;
    -webkit-transform: translate3d(-25%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes viewRevealFromRightEnter {
  from {
    opacity: .75;
    transform: translate3d(-25%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes viewRevealFromTopLeave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
  }
}
@keyframes viewRevealFromTopLeave {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes viewRevealFromBottomLeave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
  }
}
@keyframes viewRevealFromBottomLeave {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  to {
    opacity: 0;
  }
}
@keyframes fade {
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeExpand {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@keyframes fadeExpand {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
@-webkit-keyframes fadeContract {
  to {
    opacity: 0;
    -webkit-transform: scale(0.35);
  }
}
@keyframes fadeContract {
  to {
    opacity: 0;
    transform: scale(0.35);
  }
}
@-webkit-keyframes slideUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: none;
  }
}
@keyframes slideUp {
  from {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: none;
  }
}

body:not(.page_login) #app>div>div{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    overflow: hidden;
    position: fixed;
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}